<template>
    <div class="header-h"></div>
    <header class="header">
        <div class="header-title">滴滴滴</div>
        <nav class="nav">
            <NuxtLink to="/">11</NuxtLink>
            <NuxtLink to="/about">11</NuxtLink>
        </nav>
    </header>
    <slot />
    <footer></footer>
</template>
<script lang="ts" setup>
const nav = [{}]
</script>
<style lang="scss" scoped>
.header-h {
    height: 60px;
}
.header {
    @extend .header-h;
    width: 100%;
    color: var(--white);
    position: fixed;
    z-index: 100;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all .3s ease-in-out;
    &:hover {
        background-color: rgba(0,0,0,.5);
    }
}
</style>